@charset "utf-8";
/*公共样式*/
*{padding:0;margin:0;font-family: iconfont,zworld;font-size: 14px;}
a{text-decoration: none;color:#333;}
li,li,ol{list-style:none;}
body{background-color: #33312E;}
@font-face {
  font-family: 'iconfont';  /* project id 250308 */
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
@font-face{
	font-family:zworld;
	src:url(//common1.qyerstatic.com/zworld/web/common/font/zworld.eot?a2l7hm);
	src:url(//common1.qyerstatic.com/zworld/web/common/font/zworld.eot?a2l7hm#iefix)
	format('embedded-opentype'),
	url(//common1.qyerstatic.com/zworld/web/common/font/zworld.ttf?a2l7hm) format('truetype'),
	url(//common1.qyerstatic.com/zworld/web/common/font/zworld.woff?a2l7hm) format('woff'),
	url(//common1.qyerstatic.com/zworld/web/common/font/zworld.svg?a2l7hm#zworld) format('svg');
}
.leftAside{
	width: 280px;height: 418px;
	position: absolute;
	display: none;
	left:5%;
	top:150px;
	z-index:20000;
	background-color: #fff;
}
.leftAside li{
	height: 58px;
	width: 100%;
	border-top:1px solid #dfdfdf;
	cursor: pointer;
	color:#ccc;
}
.leftAside li:nth-of-type(1){border:0;margin-top: 5px;}
.cityName{width: 228px;float: left;}
.iconImg{width: 50px;height: 55px;float: left;}
.cityNameTile{font-size: 20px;display: block;margin-top: 10px;}
.rightFloat{float: right;width: 15px;height:15px;margin-top: -10px;}
.undeline:hover{text-decoration: underline;color:#10B041;}
.undeline{color:#C0C0C0;}
.leftAside li:hover{
	background:rgba(0,0,0,.1);
}
.leftAside li:hover .cityNameTile{
	color:#333;
}
.leftAside li:hover .innerContent{
	display: block;
}
.innerContent{
	display: none;
	position: absolute;
	left:280px;
	top:10px;
	height: 380px;
	width: 620px;
	padding:20px 40px 15px;
	background-color: #fff;
}
 .moreCity_branch{
	width: 300px;height: 200px;
	float: left;
}
.moreCity_branch b{
	display: block;
	font-size: 24px;color:#000;
}
.moreCity_litterbranch{
	display: block;
	padding-top: 10px;
	width:95%;
	margin-top: 15px;
	border-top:1px solid #dfdfdf;
}
.moreCity_litterbranch a{line-height: 25px;display: inline-block;}
 .moreCity_branch:nth-of-type(2){
 	margin-left: 20px;
 }
.lastIcon{float: right;width: 300px;height: 165px;}
.moreCity_litterbranch a:hover{
	text-decoration: underline;
	color:#10B041;
}
.leftAside li:nth-of-type(4) .lastIcon{width: 250px;height: 100px;margin-top:50px;margin-right:40px;}
.leftAside li:nth-of-type(5)  .moreCity_branch{
	height:100px;
}
.leftAside li:nth-of-type(5)  .moreCity_branch:nth-of-type(3){margin-top: 150px;}
.leftAside li:nth-of-type(6) .innerContent{width: 350px;height: 390px;margin-right: 0;padding:20px 0px 0 30px;}
.leftAside li:nth-of-type(6) .innerContent img{width: 80px;height: 80px;margin:8px;}
.leftAside li:nth-of-type(6) .lastIcon{display: none;}
.leftAside li:nth-of-type(6) .moreCity_branch{width: 350px;}
/*导航条*/
.nav_a_title{width: 1200px;margin:auto;position: relative;top:-25px;}
.nav_a_title a{display: inline-block;font-size: 16px;width: 100px;text-align: center;cursor: pointer;color:#333;position: relative;}
.nav_a_title a:hover{
	color:#15C0A1;
	border-bottom:2px solid #15C0A1;
}
/* 头部样式 */
header{width: 100%;height:30px;background-color: #323232;border-top: 1px solid #B6B4B6;position: relative;}
.logo{
	width:58px;height: 18px;
	position: relative;
	top:6px;left: 30px;
}
header .nav_font{margin-left: 100px;height:100%;top:0;position: absolute;}
header .nav_font li{float: left;height: 100%;line-height: 30px;margin:0 10px;}
header .nav_font li a{color:#C0C0C0;cursor: pointer;font-weight: bold;}
header .nav_font li img{width: 10px;height: 5px;position: relative;top:-3px;left:3px;}
header .nav_font li span{font-weight: bold;position: relative;top:-4px;left:3px;margin-right: 5px;}
header .nav_font li:nth-of-type(5) a{color:#10B041;}
header .nav_font li:hover a{
	color:#10B041;
}
header .nav_font li:nth-of-type(4){position: relative;}
.showHide{width: 185px;height: 114px;background-color: #fff;position: absolute;left:-5px;border-radius: 5px;display: none;z-index:200000;}
.showHide p{margin-left: 20px;line-height: 30px;font-size: 18px;}
.showHide p img{width: 18px;height: 17px;}
.showHide p:nth-of-type(1){margin-top: 10px;}
.showHide p:nth-of-type(1) img:nth-of-type(2){width: 10px;height: 10px;}
header .nav_font li:nth-of-type(4):hover .showHide{
	display: block;
}
header .nav_font li:last-of-type{
	position: relative;
}
.lastLiIcon{
	width: 125px;
	height: 210px;
	background-color: #fff;
	position: absolute;left:-10px;border-radius: 5px;
	display: none;
	z-index:200000;
}
.lastLiIcon p{margin-left: 20px;line-height: 30px;font-size: 20px;}
.lastLiIcon p img{width: 20px;height: 20px;}
.lastLiIcon p:nth-of-type(1){margin-top: 10px;}
header .nav_font li:last-of-type:hover .lastLiIcon{
	display: block;
}
header .nav_icon{float: right;height: 30px;}
header .nav_icon li{float: left;color:#C0C0C0;margin:5px 7px;cursor: pointer;}
header .nav_icon li label{font-size: 15px;margin-top: 3px;display: inline-block;cursor: pointer;}
header .nav_icon li:last-of-type{margin-right: 30px;}
header .nav_icon li span{
	width: 1px;height: 15px;background-color: #C0C0C0;display: inline-block;margin-top: 2px;
}
header .nav_icon li input{
	position: relative;
	width: 180px;
	height:20px;
	top:-3px;
	display: none;
	border-radius: 5px;
}
header .nav_icon li:first-of-type{
	position: relative;
}
header .nav_icon li:first-of-type img{
	position: absolute;
	width: 28px;height: 28px;
	right: 0;
	top:-5px;
}
header .nav_icon li:first-of-type:hover input{
	display: inline-block;
}
header .nav_icon li:hover{
	color:#10B041;
}

/* 导航 */
.nav-first{
	position: relative;
    min-width: 1160px;
    height: 120px;
    background-color: #fff;
    border-bottom:2px solid #45C79F;

}
.nav-first-fir{
	position: relative;
    width: 1160px;
    height: 120px;
    margin: 0 auto;
}
.nav-first-fir div:nth-of-type(1){
	float: left;
    width: 320px;
    padding: 32px 0 0 20px;
}
.nav-first-fir div:nth-of-type(2){
	position: relative;
    float: left;
    margin-top: 40px;
}

.nav-first-fir div:nth-of-type(2) form input:nth-of-type(1){
	float: left;
    width: 310px;
    height: 20px;
    border: none;
    padding: 10px 35px;
    background-color: #dfdfdf;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 14px;
    line-height: 40px;
    color: #323232;
}
.nav-first-fir div:nth-of-type(2) form>p{
	float: left;
    height: 28px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
   
}
.nav-first-fir div:nth-of-type(2) form input:nth-of-type(2){
	position: relative;
    z-index: 2;
    float: left;
    width: 118px;
    height: 40px;
    overflow: hidden;
    border: none;
    background-color: #dfdfdf;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 18px;
    color: #00b081;
}
.spnSearch{font-size: 20px;position: absolute;color:#10B041;top:8px;left:8px;z-index: 1000;}
.nav-first-fir div:nth-of-type(2) .nav_city{
	width: 460px;
	height: 243px;
	border:1px solid #dfdfdf;
	background-color: #fff;
	position: absolute;
	top:40px;left:15px;
	display: none;
	z-index: 200000
}
.nav-first-fir div:nth-of-type(2) .nav_city li{
	border-bottom:1px solid #dfdfdf;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
}
.nav-first-fir div:nth-of-type(2) li span{color:#000;padding-left: 10px;}
.nav-first-fir div:nth-of-type(2) li label{
	color:#C0C0C0;
	float: right;
	margin-right: 15px;
}
.nav-first-fir div:nth-of-type(2) .nav_city li:hover{
	background-color: #15C0A1;
}
.nav-first-fir div:nth-of-type(2) .nav_city li:hover span{color:#fff;}
.nav-first-fir div:nth-of-type(2) .nav_city li:hover label{color:#fff;}
.order_save{float: right;margin-top: 50px;}
.order_save a{color:#C0C0C0;margin-left: 30px;cursor: pointer;}
.order_save a:hover{
	color:#15C0A1;
}
.bigIcon{margin-top: -17px;}
/* 实现筛选 */
.successSelect{
	width: 1158px;height: 100px;
	border:1px solid #dfdfdf;
	margin:20px auto;
}
















